<!--
  组件：header 页头
  作者：kuake
  时间：2023年01月02日
  网址：https://gis.1024ape.com
  系统：WebGIS 地理信息平台
-->
<template>
	<!-- header 头部 -->
	<div class="header">
		<div class="logo">
			<img :src="logoImg" width="140" />
			<img :src="titleImg" width="220" />
		</div>
		<!-- 功能导航 -->
		<fm-nav />
	</div>
</template>

<script>
import logoImage from '../assets/img/logo.png'
import titleImage from '../assets/img/title.png'
import FmNav from './fm-nav.vue'
export default {
	name: 'ApeHeader',
	components: { FmNav },
	data() {
		return {
			logoImg: logoImage,
			titleImg: titleImage
		}
	}
}
</script>
<style lang="scss">
.header {
	position: relative;
	height: 62px;
	padding: 0 20px;
	line-height: 62px;
	background: #000000;
	color: #fff;
	font-size: 20px;
	display: flex;
	z-index: 999;
	.logo {
		display: flex;
		align-items: center;
	}
}
</style>
